<template>
  <view class="header_container">
    <view class="search_input" @click="gotoSearch">
      <u--input class="search_input" placeholder="搜索" prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399"
        shape="circle" disabled ></u--input>
    </view>
  </view>
</template>

<script setup>
 const gotoSearch = () => {
   uni.navigateTo({
     url:'/subpages/search/search'
   })
 }
</script>

<style lang="scss" scoped>
  .header_container {
    width: 100vw;
    height: 100rpx;
    padding: 0 20rpx;
    box-sizing: border-box;
    background-image: linear-gradient(to right, #e9e1ff, #cad4ff, #ffa7fb, #ffd3ef, #ffeafb);
    display: flex;
    justify-content: space-around;
    align-items: center;

    .fold {
      margin: 0 20rpx;
    }

    .search_input {
      flex: 1;
    }

    .icon {
      display: flex;
      justify-content: center;
      margin:0 20rpx;
      .icon-tinggeshiqu {
        font-size: 50rpx;
      }
    }
  }
</style>